
import { View } from '@tarojs/components'
import Taro from '@tarojs/taro';
import { AtGrid } from 'taro-ui'


import './index.scss'

interface DateList {
  image: string,
  value: string,
  path: string
}


function Nav() {

  const data: Array<DateList> = [
    // {
    //   image: 'https://img20.360buyimg.com/jdphoto/s72x72_jfs/t15151/308/1012305375/2300/536ee6ef/5a411466N040a074b.png',
    //   value: '待办中心',
    //   path: '/pages/RemindAgent/index'
    // },
    {
      image: 'https://img12.360buyimg.com/jdphoto/s72x72_jfs/t6160/14/2008729947/2754/7d512a86/595c3aeeNa89ddf71.png',
      value: '黑丝',
      path: '/pages/Heisi/index'
    },
    {
      image: 'https://img20.360buyimg.com/jdphoto/s72x72_jfs/t15151/308/1012305375/2300/536ee6ef/5a411466N040a074b.png',
      value: '白丝',
      path: '/pages/Baisi/index'
    },
    {
      image: 'https://img10.360buyimg.com/jdphoto/s72x72_jfs/t5872/209/5240187906/2872/8fa98cd/595c3b2aN4155b931.png',
      value: '舔狗日记',
      path: '/pages/Riji/index'
    },
    {
      image: 'https://img30.360buyimg.com/jdphoto/s72x72_jfs/t5770/97/5184449507/2423/294d5f95/595c3b4dNbc6bc95d.png',
      value: '美女视频',
      path: '/pages/Shipin/index'
    },
  ]


  const toDetail = (e: any) => {
    Taro.navigateTo({
      url: e.path
    });

  }
  return (
    <View className='nav'>
      <AtGrid hasBorder={false} data={data} onClick={toDetail} />
    </View>)

}

export default Nav


